<template>
    <div id="list">
        <Header></Header>
        <PageDescription :urlAndWords="this.urlAndWords"></PageDescription>
        <div style="width:100%;height: auto">
            <SolutionList ></SolutionList>
        </div>
        <Footer></Footer>
    </div>
</template>

<script>
    import Header from "@/components/content/header/Header";
    import PageDescription from "@/components/content/pageDescription/PageDescription";
    import Footer from "@/components/content/footer/Footer";
    import SolutionList from "@/components/content/SolutionList/SolutionList";
    import {getAction,postAction} from "@/network/manage";
    export default {
        name: "list",
        components:{
            Header,
            PageDescription,
            Footer,
            SolutionList
        },
        data(){
            return{
                urlAndWords: {
                    url:this.$route.query.imgurl,
                    c_word:this.$route.query.c_title,
                    e_word:this.$route.query.e_title,
                    area:this.$route.area,
                    scenarios:this.$route.scenarios,
                },
            }
        },
        created() {
            var formdata=new FormData();
            formdata.append("area ",this.urlAndWords.area);
            formdata.append("scene ",this.urlAndWords.scenarios);
            postAction('/solution/getareascenesolutionlist',formdata).then((res)=>{
                // this.datas.push(...res.data);
                console.log(res.data);

            })
        }
    }
</script>

<style scoped>

</style>
